<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div></div>
</body>

</html>
<script>
    var div = document.querySelector('div');
    var s = new Date().getHours();
    if (s < 6) {
        alert('凌晨好')
    } else if (s < 9) {
        alert('早上好')
    } else if (s < 12) {
        alert('上午好')
    } else if (s < 14) {
        alert('中午好')
    } else if (s < 17) {
        alert('下午好')
    } else if (s < 19) {
        alert('傍晚好')
    } else if (s < 22) {
        alert('晚上好')
    } else if (s >= 22) {
        alert('夜里好')
    }
</script>